大家好今天是鐵人賽的第１３天，明天就要放假啦！放假也不能忘記發文章喔！
今天要講v的事件！
首先要講v-text，前面所說的渲染要在網頁呈現想要的文字時，會用{{}}做處理。

<template>
  <p>{{ textView }}</p>
</template>

<script>
export default {
  data() {
    return {
      textView: "example",
    };
  },
};
</script>

如果是用V-text也能達到同樣的效果。

<template>
  <div v-text="textView"></div>
</template>

<script>
export default {
  data() {
    return {
      textView: "example",
    };
  },
};
</script>

兩者都能有相同效果，不過差別是v-text可以更新整個標籤內容，而{{}}只能更新局部內容。

再來是v-html與v-text相似，即使data的資料是html格式的字串，如果使用v-text或{{}}的話，其結果還是字串，而不是用html方式渲染，想用v-html的方式呈現就要用下列方式：

<template>
  <div v-html="textView"></div>
</template>

<script>
export default {
  data() {
    return {
      textView: "<h1>example</h1>",
    };
  },
};
</script>

這樣標籤並不會變成字串，而是依html語法呈現。
以上為今天的內容，感謝各位的閱讀，預祝各位明天中秋節快樂！